<!--
    
/* ****************************************************************************
 *
 * Copyright (c) Microsoft Corporation. 
 *
 * This source code is subject to terms and conditions of the Microsoft Public License. A
 * copy of the license can be found at http://go.microsoft.com/fwlink/?LinkID=131993. If
 * you cannot locate the Microsoft Public License, please send an email to
 * mixon@microsoft.com. By using this source code in any fashion, you are agreeing to
 * be bound by the terms of the Microsoft Public License.
 *
 * You must not remove this notice, or any other, from this software.
 *
 *
 * ***************************************************************************/
    
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
	<title>MIX Online - Descry: Their First Words Visualization</title>
    <link rel="icon" href="/favicon.gif" type="image/gif" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="en" />
    <meta name="description" content="MIX Online is a community for web designers and developers who build and believe in the innovative web. We also have a sister conference called MIX. Simply, this is who we are. " />
    <meta name="keywords" content="MIX Online, microsoft, ie, internet explorer, microformats, data visualization, oomph, oxite, descry, inauguration, inaugural, their first words, presidents, USA, 100 days, user experience, c#, programming, MIX, MIX conference, design, designer, web design, web designer, css, html, xhtml, css, javascript, ajax, silverlight, wpf, flash, web standards, visualization" />
    <link href="css/yui.reset-base.2.6.0.css" rel="stylesheet" type="text/css" />
	<link href="css/main.css" rel="stylesheet" type="text/css" />
	<script src="getsilverlight.js" language="javascript" type="text/javascript"></script>
</head>
<body>
    <div id="upsell">
    <a href="http://www.visitmix.com/lab/descry"><span>Like what you see? Check out other visualizations by the MIX Online team. »</span></a>
    </div>
    <div id="container">
	    <div id="title">
            <img src="img/seal.jpg" alt="US Presidential Seal" />
            <h1>Their First Words</h1>
            <h2><a href="http://awesome.goodmagazine.com/goodsheet/goodsheet009First100Days.html">It is said</a> that the actions of the president in his first 100 days are a good indicator of the term to come. If so, what do their first words tell us?</h2>
        </div>
        <div class="hr"><hr /></div>
        <div id="visualization">
		    <object id="Xaml1" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
			    <param name="source" value="ClientBin/Inaugural.xap"/>
			    <param name="onerror" value="onSilverlightError" />
			    <param name="background" value="white" />
			    <param name="minRuntimeVersion" value="2.0.31005.0" />
			    <param name="autoUpgrade" value="true" />
			    <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">
     			    <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/>
			    </a>
		    </object>
        </div>
        <div id="getsilverlight" style="display:none">Uh oh, there's a problem. You need Silverlight to experience the goodness of this infographic. It'll only take a few seconds. Do it. <a href="getsilverlight.aspx">Click here to install Silverlight</a></div>
        <p class="sources">Source: <a href="http://www.bartleby.com/124/">Inaugural Addresses of the Presidents of the United States</a></p>
        <div class="hr bottom-hr"><hr /></div>
        <p id="no-speech">Please select a speech above to view it.</p>
	    <div id="speech" style="display: none;">
    	    <div id="header">
           	    <p class="matches left"><span class="highlight" id="matches">624</span> potential matches for "<span class="topic" id="topic">Reducing Unemployment</span>"</p>
   	            <div class="middle">
            	    <p class="date" id="date">Insert date here.</p>
        		    <h1 id="president">Insert name of president here.</h1>
        		    <h2 id="tagline">Insert h2 here.</h2>
                </div>
        	    <div id="back-to-top" class="back-to-top"><a href="#visualization">&#94; back to top</a></div>
            </div>
            <div id="content">
           	    <p id="speechinfo" class="description left">Insert sidebar text here.</p>
                <div class="middle body" id="speechbody">Insert speech body here.</div>
            </div>
	    </div>	          
	    <p id="footer">This infographic was created by the <a href="http://www.visitmix.com/">MIX Online</a> crew. The data used in this infographic is made available through <a href="http://www.bartleby.com/124/">this site</a>. To learn more about how this visualization was created and explore other visualizations, visit the <a href="http://www.visitmix.com/lab/descry/">MIX Online: Project Descry</a> site.</p>    	
    </div>
</body>
</html>
